import { ref, computed } from "vue";
import { defineStore } from "../pinia";
import { useTodoStore } from "./todo";

export const useCounterStore = defineStore("counter", () => {
  // setup 同组件的setup，我们可直接将组件中的setup拿过来就可以
  const count = ref(0);
  const todoStore = useTodoStore();

  console.log("todoStore", todoStore);
  const double = computed(() => {
    return count.value * 2;
  });
  const increment = (payload) => {
    count.value += payload;
  };

  return {
    count, // 状态
    double, // 计算属性
    increment, // 函数
  };
});

// export const useCounterStore = defineStore("counter", {
//   state: () => {
//     return {
//       count: 0,
//     };
//   },
//   getters: {
//     double() {
//       return this.count * 2;
//     },
//   },
//   actions: {
//     increment() {
//       this.count++;
//     },
//   },
// });
